// AutoComplete

@import '../../style/themes/default';
@import '../../style/mixins/index';
@import './param';

@mixin auto-complete {
  width: 100%;
}

@mixin auto-complete-portal {
  margin: 0.0625rem 0;
  font-size: $--x-auto-complete-font-size;
  color: $--x-text;
  border: $--x-auto-complete-border;
  width: 100%;
  border-radius: $--x-border-radius;
  box-shadow: $--x-box-shadow-light;
  position: relative;
  display: flex;
  background-color: $--x-background;
  overflow-y: auto;
  max-height: calc(calc(#{$--x-auto-complete-height} * 6) + calc(#{$--x-border-width} * 7));
}
